<template>
	<view class="uni-swiper-msg-on">
		<view class="uni-swiper-msg-myflex">
			<swiper class="limitp-hg" :vertical="vertical" :autoplay="autoplay" :circular="circular" :interval="interval">
				<swiper-item v-for="(item, index) in swiperList" :key="index">
					<!-- <navigator class="scrool-list-item" :url="'../all/content?id='+item.id+'&type=1'">{{item.title}}</navigator> -->
					<text class="scrool-list-item">{{item.title}}</text>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		name:'uniNoBar',
		props:{
			swiperList:{
				type:Array,
				default () {
					return []
				}
			},
			autoplay:{
				type:[Boolean, String],
				default:true
			},
			vertical:{
				type:[Boolean, String],
				default:true
			},
			circular:{
				type:[Boolean, String],
				default:true
			},
			interval:{
				type:Number,
				default:1000
			},
			duration:{
				type:Number,
				default:500
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.uni-swiper-msg-on{
		
	}
	.img-iocn{
		width: 50rpx;
		height: 50rpx;
	}
	.scrool-list-item{
		color: red;
	}
		
		.uni-swiper-msg-myflex{
			display: flex;
		}
		
		.left-Iocn{
			display: flex;
			align-items: center;
			image{
				width: 42upx;
				height:41upx;
			}
			margin-right:34upx;
		}
		
		.limitp-hg{
			width:500upx;
			overflow: hidden;
			height: 60rpx;
			line-height: 60rpx;
		}
		
		.scrool-list-item{
			font-size: 24upx;
			color: #333333;
		}
</style>
